<?xml version='1.0' encoding='UTF-8' ?>
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./layout/mainTemplate.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"  
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns="http://www.w3.org/1999/xhtml">
    <ui:define name="top">
       
    </ui:define>

    <ui:define name="left">
    </ui:define>
    <ui:define name="content" id="cntContenidoCrearEmpleado">
        <p:panel header="#{empleadoAction.titulo}">
        <h:form id="frmDatosEmpleados">
            <p:panelGrid columns="3">
                <h:outputLabel value="Cedula/Ruc:" for="txtCedula"></h:outputLabel>
                <p:inputText id="txtCedula" value="#{empleadoAction.empleado.cedulaRuc}" disabled="#{empleadoAction.editAction=='eliminar'}" required="true"/>
                <h:message for="txtCedula" style="color:red;margin:8px;"/>

                <h:outputLabel value="Nombres:" for="txtNombre"></h:outputLabel>
                <p:inputText id="txtNombre" value="#{empleadoAction.empleado.nombres}" disabled="#{empleadoAction.editAction=='eliminar'}" required="true"/>
                <h:message for="txtNombre" style="color:red;margin:8px;"/>
                
                <h:outputLabel value="Apellidos:" for="txtApellidos"></h:outputLabel>
                <p:inputText id="txtApellidos" value="#{empleadoAction.empleado.apellidos}" disabled="#{empleadoAction.editAction=='eliminar'}" required="true"/>
                <h:message for="txtApellidos" style="color:red;margin:8px;"/>
                
                <h:outputLabel value="Telefono:" for="txtTelefono"></h:outputLabel>
                <p:inputText id="txtTelefono" value="#{empleadoAction.empleado.telefono}" disabled="#{empleadoAction.editAction=='eliminar'}" required="true"/>
                <h:message for="txtTelefono" style="color:red;margin:8px;"/>
                
                <h:outputLabel value="Email:" for="txtEmail"></h:outputLabel>
                <p:inputText id="txtEmail" value="#{empleadoAction.empleado.email}" disabled="#{empleadoAction.editAction=='eliminar'}"/>
                <h:message for="txtEmail" style="color:red;margin:8px;"/>
                
                <h:outputLabel value="Fecha Nacimiento:" for="dtgNacimiento"></h:outputLabel>
                <p:calendar id="dtgNacimiento" value="#{empleadoAction.empleado.fechaNacimiento}" disabled="#{empleadoAction.editAction=='eliminar'}"/>
                <h:message for="dtgNacimiento" style="color:red;margin:8px;"/>
                
                <h:outputLabel value="Fecha Ingreso:" for="dtgIngreso"></h:outputLabel>
                <p:calendar id="dtgIngreso" value="#{empleadoAction.empleado.fechaIngreso}" disabled="#{empleadoAction.editAction=='eliminar'}"/>
                <h:message for="dtgIngreso" style="color:red;margin:8px;"/>
                
                <h:outputLabel value="Cargo:" for="menuCargos"></h:outputLabel>
                <p:selectOneMenu id="menuCargos" value="#{empleadoAction.cargoSel}" panelStyle="width:150px"  converter="cargoConverter"
                                     var="c" style="width:160px"  filter="true" filterMatchMode="startsWith">  
                        <f:selectItem itemLabel="Seleccionar" itemValue="" />  
                        <f:selectItems value="#{empleadoAction.cargos}" var="cargoConverter" itemLabel="#{cargoConverter.nombre}" itemValue="#{cargoConverter}"/>

                        <p:column>  
                            #{c.nombre}
                        </p:column>  
                    </p:selectOneMenu>
                 <h:message for="menuCargos" style="color:red;margin:8px;"/>
                 
                <h:outputLabel value="Nombre de Usuario" for="txtUsuario"></h:outputLabel>
                <p:inputText id="txtUsuario" value="#{empleadoAction.empleado.usuario.nombre}" disabled="#{empleadoAction.editAction=='eliminar'}" required="true"/>
                <h:message for="txtUsuario" style="color:red;margin:8px;"/>
                
                
                <h:outputLabel value="Contraseña" for="txtPassword"></h:outputLabel>
                <p:password id="txtPassword" value="#{empleadoAction.empleado.usuario.password}" disabled="#{empleadoAction.editAction=='eliminar'}" required="true" />
                <h:message for="txtPassword" style="color:red;margin:8px;"/>

                
            </p:panelGrid>
            <h:commandButton value="#{empleado.editAction == 'eliminar'? 'Eliminar': 'Grabar'}" action="#{empleadoAction.grabar()}" id="cmdGrabar"/>
            <h:commandButton value="Cancelar" action="#{empleadoAction.cancelar()}" immediate="true" id="cmdCancelar"/>
        </h:form>
            <p:messages id="messagesEmpleado" showDetail="true" autoUpdate="true" closable="true" > 
                    <p:effect type="fade" event="load" delay="3000" />
                </p:messages>

            </p:panel>
    </ui:define>
</ui:composition>
